<template>
    <div>
        <div class="sjt1">
                <p>挂号预约情况</p>
            <div id="sjt" style="width:550px; height:400px">

            </div>

        </div>
    </div>

</template>

<script>
import * as echarts from 'echarts';
export default {
    mounted() {
        this.initEachrt()
    },
    methods: {
        initEachrt() {
            let myeachart = echarts.init(document.getElementById('sjt'))
            myeachart.setOption({
                legend: {},
                tooltip: {},
                dataset: {
                    source: [
                        ['product', '', '', ''],
                        ['01', 2433,],
                        ['02', 3831,],
                        ['03', 5612,],
                        ['04', 2223,],
                        ['05', 4572,],
                        ['06', 5443,],
                        ['07', 6712,],
                        ['09', 7766,],
                        ['10', 5463,],
                        ['11', 2424,],
                        ['12', 5443,],
                        ['13', 7643,],
                        ['14', 7876,],
                        ['16', 6655,],
                        ['17', 3512,],
                        ['18', 3451,],
                        ['19', 3264,],
                        ['20', 7776,],
                        ['21', 5312,],
                        ['22', 7624,],
                        ['23', 3476,],
                        ['24', 3475,],
                        ['25', 4524,],
                        ['26', 7664,],
                        ['27', 2575,],
                        ['28', 6721,],
                        ['29', 4375,],

                    ]
                },
                xAxis: { type: 'category' },
                yAxis: {},
                // Declare several bar series, each will be mapped
                // to a column of dataset.source by default.
                series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]

            })
        }
    },

}
</script>

<style lang="less" scoped>
.sjt1 {
    width: 520px;
    height: 380px;
    
    margin-left: 20px;
    background: #ffffff;
    border-radius: 8px;
}
</style>